@charset "utf-8";
/* CSS Document */

html {color:#555; background:#fff; font-family:Dotum,Tahoma; font-size:11pt;}
html, body {width:100%; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td {margin:0; padding:0; font-family:Dotum,Tahoma; font-size:9pt;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:inherit; font-weight:inherit;}
del,ins {text-decoration:none;}
ul {list-style:none;}
hr {display:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup,sub {vertical-align:baseline;}
legend {color:#000;}
input,button,textarea,select,optgroup,option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input,button,textarea,select {* font-size:100%;} 
a:link {text-decoration:none; color:#555;}
a:active {text-decoration:none; color:#555;}
a:visited {text-decoration:none; color:#555;}
a:focus {text-decoration:none; color:#555;}

#wrap{width:1024px; height:768px; background:url(/images/main/bg_main.jpg) left top no-repeat;}
#left{width:564px; height:768px; float:left;}
#right{width:460px; height:768px; float:right;}

#left .side{width:248px; height:768px; float:left;}
#left .contents{width:316px; height:768px; float:right;}

#left .side .logo{padding-left:22px; padding-top:16px; height:56px;}
#left .side .blankX{height:12px;}
#left .side .menu_wrap{padding-left:22px; background:url(/images/main/bg_menu.jpg) right top no-repeat; width:226px; height:600px;}

#menu{height:570px;}
#menu li a{display:block;}
#menu li{text-indent:-100000px;}
.menu_m1 a{background:url(/images/main/menu_01_off.jpg) center no-repeat; padding-top:16px; width:223px; height:30px;}
.menu_m1 a:hover{background:url(/images/main/menu_01_on.jpg) center no-repeat;}
.menu_m2 a{background:url(/images/main/menu_02_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m2 a:hover{background:url(/images/main/menu_02_on.jpg) center no-repeat;}
.menu_m3 a{background:url(/images/main/menu_03_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m3 a:hover{background:url(/images/main/menu_03_on.jpg) center no-repeat;}
.menu_m4 a{background:url(/images/main/menu_04_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m4 a:hover{background:url(/images/main/menu_04_on.jpg) center no-repeat;}
.menu_m5 a{background:url(/images/main/menu_05_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m5 a:hover{background:url(/images/main/menu_05_on.jpg) center no-repeat;}
.menu_m6 a{background:url(/images/main/menu_06_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m6 a:hover{background:url(/images/main/menu_06_on.jpg) center no-repeat;}
.menu_m7 a{background:url(/images/main/menu_07_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m7 a:hover{background:url(/images/main/menu_07_on.jpg) center no-repeat;}
.menu_m8 a{background:url(/images/main/menu_08_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m8 a:hover{background:url(/images/main/menu_08_on.jpg) center no-repeat;}
.menu_m9 a{background:url(/images/main/menu_09_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m9 a:hover{background:url(/images/main/menu_09_on.jpg) center no-repeat;}
.menu_m10 a{background:url(/images/main/menu_10_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m10 a:hover{background:url(/images/main/menu_10_on.jpg) center no-repeat;}
.menu_m11 a{background:url(/images/main/menu_11_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m11 a:hover{background:url(/images/main/menu_11_on.jpg) center no-repeat;}
.menu_m12 a{background:url(/images/main/menu_12_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m12 a:hover{background:url(/images/main/menu_12_on.jpg) center no-repeat;}

.menu_m13 a{background:url(/images/main/menu_13_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m13 a:hover{background:url(/images/main/menu_13_on.jpg) center no-repeat;}
.menu_m14 a{background:url(/images/main/menu_14_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m14 a:hover{background:url(/images/main/menu_14_on.jpg) center no-repeat;}
.menu_m15 a{background:url(/images/main/menu_15_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m15 a:hover{background:url(/images/main/menu_15_on.jpg) center no-repeat;}
.menu_m16 a{background:url(/images/main/menu_16_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m16 a:hover{background:url(/images/main/menu_16_on.jpg) center no-repeat;}
.menu_m17 a{background:url(/images/main/menu_17_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m17 a:hover{background:url(/images/main/menu_17_on.jpg) center no-repeat;}
.menu_m18 a{background:url(/images/main/menu_18_off.jpg) center no-repeat; width:223px; height:43px;}
.menu_m18 a:hover{background:url(/images/main/menu_18_on.jpg) center no-repeat;}

.menu_admin li a{display:block;}
.menu_admin li{text-indent:-100000px;}
.menu_m0 a{background:url(/images/main/menu_00_off.jpg) center no-repeat; width:223px; height:16px;}
.menu_m0 a:hover{background:url(/images/main/menu_00_on.jpg) center no-repeat;}

#left .contents .notice_body{padding-top:141px; height:479px; background:url(/images/main/bg_right.jpg) left bottom no-repeat;}
#left .contents .notice_body .notice_title{text-indent:-10000px; padding-left:15px; padding-top:31px; background:url(/images/main/notice_head.jpg) right bottom no-repeat; width:282px; height:35px;}
#left .contents .notice_body .notice_con{padding-top:15px; padding-left:20px; height:141px;}
#left .contents .notice_body .notice_con .notice_sub{float:left;}
#left .contents .notice_body .notice_con .notice_sub h6{background:url(/images/main/point.gif) left center no-repeat; width:200px; text-indent:8px; height:15px; padding-top:2px}
#left .contents .notice_body .notice_con .notice_da{float:right; padding-right:33px;}
#left .contents .notice_body .notice_con .notice_da h6{height:15px; padding-top:2px}
#left .contents .notice_body .banner01{padding-left:15px; height:122px;}
#left .contents .notice_body .banner02{padding-left:15px;}